<template>
	<div class="goods">
		<div class="content">
			<PageContent :contentTableConfig="contentTableConfig" pageName="goods">
				<template #image="props">
					<el-image
						style="width: 120px; height: 180px"
						:src="props.row.imgUrl"
						:preview-src-list="[props.row.imgUrl]"
						fit="cover"
					/>
				</template>
        <template #oldPrice="props">
          <span>¥{{props.row.oldPrice}}</span>
        </template>
			</PageContent>
		</div>
	</div>
</template>

<script lang="ts">
	import { defineComponent } from 'vue'
	import PageContent from '@/components/page-content/src/page-content.vue'
	import { contentTableConfig } from './config/content.config'
	export default defineComponent({
		name: 'goods',
		components: {
			PageContent
		},
		setup() {

      setTimeout(()=>{
        let elTable = document.querySelector('.el-table')
        // let cell = elTable.querySelector('.el-table__cell')
        console.log(elTable);

      })
			return { contentTableConfig }
		}
	})
</script>

<style scoped>
	.content {
		border-top: 20px solid #f5f5f5;
		padding: 20px;
	}
</style>
